$(function() {
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById("c1"));

  // 指定图表的配置项和数据
  var option = {
    title: {
      text: "半年销量"
    },
    tooltip: {},
    legend: {
      data: ["销量", "人群"]
    },
    xAxis: {
      data: ["一月", "二月", "三月", "四月", "五月", "六月"]
    },
    yAxis: {
      //   offset: 1
      //   type: "log"
      //   show: false
      //   position: "right"
    },
    series: [
      {
        name: "销量",
        type: "bar",
        data: [500, 600, 163, 1000, 980, 2000]
      },
      {
        name: "人群",
        type: "bar",
        data: [500, 600, 163, 1000, 980, 1500]
      }
    ]
  };

  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);

  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById("c2"));
  var date = new Date();
  // 指定图表的配置项和数据
  var option = {
    title: {
      text: "热门品牌销售",
      subtext: date.toLocaleString(),
      x: "center"
    },
    tooltip: {
      trigger: "item",
      formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
      orient: "vertical",
      left: "left",
      data: ["耐克", "阿迪", "李宁", "新百伦", "阿迪王"]
    },
    series: [
      {
        name: "访问来源",
        type: "pie",
        radius: "55%",
        center: ["50%", "60%"],
        data: [
          { value: 335, name: "耐克" },
          { value: 310, name: "阿迪" },
          { value: 234, name: "李宁" },
          { value: 135, name: "新百伦" },
          { value: 1548, name: "阿迪王" }
        ],
        itemStyle: {
          emphasis: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: "rgba(0, 0, 0, 0.5)"
          }
        }
      }
    ]
  };

  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
});
